<!DOCTYPE html>
<html class="x-admin-sm">
  <head>
    <meta charset="UTF-8" />
    <title></title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8"
    />
    <!-- <link rel="stylesheet" href="./css/font.css"> -->
    <link rel="stylesheet" href="./css/xadmin.css" />
    <link rel="stylesheet" href="./css/advpos.css" />

    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">广告管理</a>
        <a> <cite>广告位管理</cite></a>
      </span>
      <a
        class="layui-btn layui-btn-small"
        style="line-height: 1.6em; margin-top: 3px; float: right"
        onclick="location.reload()"
        title="刷新"
      >
        <i class="layui-icon layui-icon-refresh" style="line-height: 30px"></i
      ></a>
    </div>

    <div class="layui-card">
      <!-- <div class="layui-card-header">
         
        </div> -->
      <div class="layui-card-body">
        <div class="layui-fluid">
          <div class="layui-row layui-col-space15">
            <!-- 这是广告图列表、修改、删除、增加 -->
            <!-- 头部筛选项 -->
            <form class="layui-form" id="selectForm">
              <div class="layui-form-item layui-inline select">
                <!-- 行内表单 -->
                <label class="layui-form-label ggao" for="input"
                  >广告位名称</label
                >
                <div class="layui-input-inline" style="width: 200px">
                  <input
                    type="text"
                    id="input"
                    name=""
                    autocomplete="off"
                    class="layui-input"
                    placeholder="请输入广告位名称"
                  />
                </div>
              </div>
              <div class="layui-form-item layui-inline">
                <span
                  class="layui-btn layui-btn-normal layui-icon layui-icon-search"
                  lay-submit
                  lay-filter="formDemo"
                  id="search"
                  >搜索</span
                >
                <button
                  class="layui-btn layui-btn-primary layui-icon layui-icon-refresh-1"
                  lay-submit
                  lay-filter="formDemo"
                  id="reload"
                >
                  重置
                </button>
              </div>
            </form>

             <!-- 按钮组 -->
             <div class="layui-form-item btn">
              <div class="btn-left">
                <button
                  class="layui-btn layui-btn-primary"
                  lay-submit
                  lay-filter="formDemo"
                  id="add"
                >
                  <i class="layui-icon layui-icon-add-1"></i> 新增
                </button>
                <button
                  class="layui-btn layui-btn-primary layui-border-orange"
                  lay-submit
                  lay-filter="formDemo"
                  id="export"
                >
                  <i class="layui-icon layui-icon-down"></i> 导出
                </button>
              </div>

              <div class="btn-right">
                <button
                  type="button"
                  class="layui-btn layui-btn-primary left toggle"
                  id="hiddensearch"
                >
                  <i class="layui-icon layui-icon-up"></i>

                  <i class="layui-icon layui-icon-down active"></i>
                  <span>关闭搜索区</span>
                </button>

                <!-- 刷新按钮 -->
                <button
                  type="button"
                  class="layui-btn layui-btn-primary left"
                  id="refresh"
                >
                  <i class="layui-icon layui-icon-refresh-1"></i>
                  <span>刷新</span>
                </button>

                <!-- 隐藏菜单按钮 -->
                <button
                  type="button"
                  class="layui-btn layui-btn-primary left"
                  id="menu"
                >
                  <i class="layui-icon layui-icon-app"></i>
                  <!-- 分类/分类名称/图标CLass隐藏盒子/权重隐藏盒子 -->

                  <div class="cate-Hide active">
                    <h1 data-num="2">
                      <i class="layui-icon layui-icon-slider"></i>
                      <i class="layui-icon layui-icon-add-circle active1"></i>
                      <span class="active1">广告位名称</span>
                    </h1>
                    <h1 data-num="3">
                      <i class="layui-icon layui-icon-slider"></i>
                      <i class="layui-icon layui-icon-add-circle active1"></i>
                      <span class="active1 active1">广告位描述</span>
                    </h1>
                    <h1 data-num="4">
                      <i class="layui-icon layui-icon-slider"></i>
                      <i class="layui-icon layui-icon-add-circle active1"></i>
                      <span class="active1 active1">广告图数量</span>
                    </h1>
                    <h1 data-num="5">
                      <i class="layui-icon layui-icon-slider"></i>
                      <i class="layui-icon layui-icon-add-circle active1"></i>

                      <span class="active1">广告位尺寸</span>
                    </h1>
                  </div>
                </button>
              </div>
            </div>
            <!-- 表格区域 -->
            <table class="table">
              <colgroup>
                <col width="80" />
                <col />
                <col />
                <col />
                <col />
              </colgroup>
              <thead>
                <tr>
                  <th>#</th>
                  <th>广告位名称</th>
                  <th>广告位描述</th>
                  <th>广告图数量</th>
                  <th>广告位尺寸</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody id="tb">

              </tbody>
            </table>
            <!-- 分页区域 -->
            <div id="page-box"></div>
          </div>
        </div>
      </div>
    </div>

    <!--增加的弹出层 -->
    <script type="text/html" id="addCateTpl">
      <form class="layui-form" id="form-add">
        <input type="hidden" name="id" />
        <div class="layui-form-item title" style="margin-top:20px;">
          <label class="layui-form-label">广告位名称</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="advposname"
              required
              lay-verify="required"
              placeholder="请输入广告位名称"
              autocomplete="off"
              class="layui-input"
              style="width:600px"
            />
          </div>
        </div>
        <div class="layui-form-item title">
          <label class="layui-form-label">广告位描述</label>
          <div class="layui-input-block">
            <input
              type="textarea"
              name="advposdesc"
              required
              lay-verify="required"
              placeholder="请输入广告位描述"
              autocomplete="off"
              class="layui-input"
              style="width:600px;"
            />
          </div>
        </div>
        <div class="layui-form-item title">
          <label class="layui-form-label">广告位尺寸</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="advpossize"
              required
              lay-verify="required"
              placeholder="请输入广告尺寸"
              autocomplete="off"
              class="layui-input"
              style="width:600px"
            />
          </div>
        </div>
        <div class="layui-form-item btn1" style="margin-left:500px">
          <div class="layui-input-block">
            <span class="layui-btn layui-btn-primary cancel">取消</span>
            <button
              class="layui-btn layui-btn-primary layui-btn-normal"
              id="ensure"
              lay-submit
              lay-filter="formDemo"
              style="color:white"
            >
              确定
            </button>
          </div>
        </div>
      </form>
    </script>

    <!-- 修改的弹出层 -->
    <script type="text/html" id="alterCateTpl">
      <form class="layui-form" id="form-alter" lay-filter="formTest">
        <input type="hidden" name="id" />
        <div class="layui-form-item title" style="margin-top:20px;">
          <label class="layui-form-label">广告位名称</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="advposname"
              required
              lay-verify="required"
              placeholder="请输入广告位名称"
              autocomplete="off"
              class="layui-input"
              style="width:600px"
            />
          </div>
        </div>
        <div class="layui-form-item title">
          <label class="layui-form-label">广告位描述</label>
          <div class="layui-input-block">
            <input
              type="textarea"
              name="advposdesc"
              required
              lay-verify="required"
              placeholder="请输入广告位描述"
              autocomplete="off"
              class="layui-input"
              style="width:600px"
            />
          </div>
        </div>
        <div class="layui-form-item title">
          <label class="layui-form-label">广告位尺寸</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="advpossize"
              required
              lay-verify="required"
              placeholder="请输入广告尺寸"
              autocomplete="off"
              class="layui-input"
              style="width:600px"
            />
          </div>
        </div>
        <div class="layui-form-item btn1" style="margin-left:500px">
          <div class="layui-input-block">
            <span class="layui-btn layui-btn-primary cancel">取消</span>
            <button
              class="layui-btn layui-btn-primary layui-btn-normal"
              id="ensure"
              lay-submit
              lay-filter="formDemo"
              style="color:white"
            >
              确定
            </button>
          </div>
        </div>
      </form>
    </script>
    <script src="./lib/layui/layui.all.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script src="./lib/layui/layui.all.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/ajaxBase.js"></script>
    <script src="./js/advpos.js"></script>
  </body>
  <script></script>
</html>
